/* Core layout */
* {margin:0px; padding:0px;}
body {font-size:14px; font-family:helvetica, verdana, arial; text-align:center; background-color:#fff; background-image:url(?f=background.png); background-position:top left; background-repeat:repeat-x; overflow:hidden;}

/* Tag defaults */
a, a:active {outline:none;}
p {margin:10px;}
ul {margin-left:20px;}
/* General status */
.good {color:#3bb125;}
.warning {color:#bbb125;}
.bad {color:#bb4125; background-color:#fbe1c5;}

/* Main Box */
#mainbox {z-index:1; position:absolute; top:45%; left:50%; margin:-150px 0px 0px -320px; height:280px; width:600px; padding:10px 20px; border:double 3px #888; background-color:#fff;}
#maincontent {margin-left:140px; padding-left:20px;}
h1 {height:30px; padding-right:20px; line-height:30px; text-align:right; font-size:18px; border-bottom:solid 1px; color:#888;}
#slides {position:relative; height:200px; margin:15px 0px 5px;}
#introbox, #progressbox, #endbox {position:absolute; top:0px; left:0px; width:100%;}
h2 {font-family:arial; font-size:17px; text-align:center; color:#3b7c87;}
.button {font-size:18px; margin-top:20px; padding:5px 20px; color:#444; font-weight:normal;}

/* Progress tabs */
#progresstabs {float:left; width:140px;}
.current, .done, .queue {overflow:hidden; clear:left; padding:11px 0px; height:48px; line-height:48px; margin:0px; text-align:left; font-size:12px;}
.current img, .done img, .queue img {float:left; padding-right:10px;}
.current {border-right:solid 2px #888; opacity:1;}
.done, .queue {border-right:dotted 2px #888; opacity:0.4;}

/* Progress bar */
#progressbar {position:relative; margin:0px auto; width:400px; padding:1px 0px; text-align:left;}
#progressback {height:18px; margin-bottom:-18px;}
#progresswidth {height:18px;}

#progressnote {position:absolute; top:0px; left:0px; width:400px; height:20px; background-image:url(?f=frame.png); overflow:hidden;}
#progressstatus {display:block; line-height:18px; font-size:12px; text-align:center; font-weight:bold; color:#444;}

/* Alerts junk */
#alert {z-index:10; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(?f=dark.png);}
#alertmsg {margin:150px auto 0px; padding:10px; width:400px; border:solid 2px #aaa; background-color:#eee;}
#alertok {display:block; width:60%; margin:20px auto 10px;}

/* Initial hide */
#alert, #introbox, #progressbox, #endbox, #downloaderror {display:none;}